Think Card
轻量级内容与电商管理系统
v2.0v2.0 完成了从「静态 HTML + JS 渲染」到「PHP 服务端渲染（SSR）」的全面重构。 首屏加载从 800ms 降至 50ms 以内，前台 JS 从 13 个文件精简至 1 个，百度、微信、QQ 分享均可正常抓取页面内容。 依然零依赖、单文件数据库、上传即用。
重构成果
从静态 HTML 到 PHP SSR，性能与体验的全面升级
| 对比项 | v1.0 · 静态 HTML | v2.0 · PHP SSR |
|---|---|---|
| 首页请求数 | 4 次（HTML + 3 API） | 1 次 |
| 首屏白屏时间 | 约 300–800ms | < 50ms |
| 页面闪烁 | 明显 | 无 |
| 百度 / 微信收录 | ❌ 抓不到内容 | ✅ 完整收录 |
| 无 JS 环境 | 页面空白 | ✅ 正常显示 |
| 前台 JS 文件 | 13 个 | 1 个（app.js） |
| 缓存一致性 | 需清 localStorage | 不需要 |
核心特性
一站式覆盖内容发布、资源分发与轻电商的完整链路
Copy 卡片
专为提示词、代码片段、文案模板设计。支持封面图、内容介绍（HTML 富文本）、一键复制、角标颜色、按钮自定义，兼容 HTML 粘贴与纯文本自动分段。
链接卡片
三种链接类型自由切换：普通外链、下载资源、本地文件（对接文件仓库）。分类管理、置顶、角标一应俱全，前台自动分流到详情页。
文章系统
基于 Quill 富文本编辑器，支持图片库、视频嵌入、分类、置顶、草稿、角标。支持伪静态 URL，利于 SEO。服务端对输出内容做 HTML 净化。
排行榜
可自定义条目数量、标题颜色、字重、字号，每条目支持富文本内容与折叠展开。适合做 TOP 榜单、合集推荐、知识清单等场景。
文件仓库
集中管理上传的文件，支持分类、预览、删除。上传即校验扩展名与 MIME 类型，白名单机制屏蔽危险文件。可作为下载链接卡片的资源池。
商城与订单
商品分类、主副图、原价 / 优惠价、库存、富文本介绍。用户下单后生成提货码，管理员确认收款 + 发货后，用户凭码提货，全流程闭环。
活动提货码
批量生成可兑换多个商品的提货码，支持设置最大可提取数与有效期。适合活动赠送、盲盒、抽奖等场景，用户可自主选择要提取的商品。
网站配色
内置多套预设配色方案，支持逐项自定义页面背景、卡片背景、文字、边框、按钮主色与强调色。PHP 直出 CSS 变量，全站换肤无闪烁。
数据统计
按商品、日期、月份、年份多维度统计销售额与订单量。销售总额、订单总数、商品种类一目了然，帮助快速掌握经营状况。
技术架构
极简技术栈 + PHP SSR 渲染，一次上传即可运行
兼容 PHP 7.4+
无需额外安装
一次请求
CDN 引入
快速上手
四步搭建属于你自己的内容站
上传部署
把整个目录上传到服务器，确保 PHP 7.4+ 与 SQLite 扩展可用
访问后台
打开 admin.html，默认账号 admin / admin123
基础配置
修改密码、设置站点标题、上传 Logo、选择配色方案
开始创作
添加卡片、文章、商品，配置栏目与导航，前台即刻生效
版本日志
- 全站前台页面从「静态 HTML + JS 渲染」重构为「PHP 服务端渲染（SSR）」
- 首屏加载从 300–800ms 降至 50ms 以内，页面不再闪烁白屏
- 百度、微信、QQ 分享预览均可正常抓取页面内容，SEO 全面提升
- 前台 JS 从 13 个文件精简至 1 个（
app.js），仅负责搜索浮层、Toast、一键复制等交互 - 新增
inc/公共包含目录，统一管理head/header/footer与工具函数 - 主题配色改为 PHP 直出 CSS 变量，无 JS 注入，全站换肤无闪烁
- 服务端 HTML 净化统一入口，富文本输出更安全
- 无 JS 环境（如部分老旧爬虫）也能正常显示完整内容
- 全新后台管理界面，支持「网站信息、内容管理、栏目管理、文件仓库、商品管理、全站设置、账号管理」七大模块
- 内容体系：Copy 卡片、链接卡片（外链 / 下载 / 本地文件）、文章、排行榜四大内容类型
- 商城体系：商品、分类、收款二维码、订单、货物、活动提货码、数据统计全流程闭环
- 支持网站配色方案切换，内置多套预设 + 逐项自定义
- 支持伪静态 URL（扁平式
article-xxx.html），利于 SEO 与分享 - 文章与排行支持富文本编辑、视频嵌入、图片库管理
- 登录失败限流、提货码验证限流、订单防刷、文件白名单等多重安全机制
- 响应式布局，桌面 / 平板 / 手机全端适配
- 面包屑导航、浮动搜索层、瀑布流首页、轮播 + 冷门推荐等前台体验优化